<template>
  <div class="container-full-height">
    <div class="toolbar">
      <div class="btn-group">
        <a href="javascript:;" class="btn">test</a>
      </div>
    </div>
    <div class="grid-host"></div>
  </div>
</template>

<script>
import Grid from "@/components/grid";
export default {
  name: "UserList",
  components: { Grid },
  data() {
    var array = new Array();
    for (var i = 0; i < 100; i++)
      array.push({ id: i, name: "name-" + i, age: i });

    return {
      items: [],
      columns: [
        { text: "名称", name: "order_sn" },
        { text: "年龄", name: "age" }
      ]
    };
  },
  // methods: {
  //   async getItems() {
  //     var result = await this.$user.getOrdersForShipping();
  //     result = result.data;
  //     if (result.success) {
  //       return result.data;
  //     }

  //     return [];
  //   }
  // },
  mounted() {
    // this.$user.getOrdersForShipping().then(r => {
    //   console.log(r);

    //   const result = r.data;
    //   if (result.success) {
    //     this.items = result.data;
    //   }
    // });
  }
};
</script>


<style lang="scss" scoped>
.container-full-height {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.toobar {
  position: relative;
  flex: 0;
}

.grid-host {
  flex: 1;
  height: inherit;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
</style>

